﻿<!doctype html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>新书上架</title>
	<link rel="stylesheet" href="css/normalize.css">
	<link rel="stylesheet" type="text/css" href="css/default.css">	
	<link rel="stylesheet" href="css/default.css">
	<link rel="stylesheet" href="css/pinterest grid.css">
	
</head>
	
	<script src="js/jquery-1.12.4.js"></script>
	<script src="js/pinterest_grid.js"></script>
	<script type="text/javascript">
		$(function(){
			$("#gallery-wrapper").pinterest_grid({
				no_columns:4,
				padding_x: 10,
				padding_y: 10,
				margin_bottom: 50,
            	single_column_breakpoint: 700
			})
		});
	</script>
	<script src="js/index.js"></script>
	<body>
		<!-- <header class="htmleaf-header"> -->
			<!-- <h1>兼容IE8的响应式网格瀑布流布局jQuery插件 <span>瀑布流布局</span></h1> -->
			<div class="navbar">
				<ul class="navbar_one">
					<li><a href="index.html"><img src="img/白色2.png"></a></li>
					<li class="nav_li"><a href="index.html">首页</a></li>
					<li class="nav_li"><a href="newbook.html">新书上架</a></li>
					<li class="nav_li"><a href="recommend.html">推荐图书</a></li>
					<li class="nav_li"><a href="feedback.html">反馈意见</a></li>
				</ul>
				<ul class="navbar_two">
					<li class="nav_li2"><a href="#" style="color: rgb(233, 233, 233);">卢奇浩</a></li>
					<li class="nav_li2"><a href="#"><img src="img/ban5.jpg"></a>
						<div class="prompt">
							<span><a href="#" style="color: rgb(49, 49, 49);">进入空间</a></span>
							<p><a href="#" style="color: rgb(49, 49, 49);">退出登录</a></p>
						</div></li>
					
				</ul> 
			</div>

		<!-- </header> -->
	<section id="gallery-wrapper">
		<article class="white-panel">
			<img src="img/1.jpg" class="thumb">
			<h1><a href="#">天才在左疯子在右</a></h1>
	  		<p>广东深圳书城</p>
		</article>
		<article class="white-panel">
			<img src="img/2.jpg" class="thumb">
			<h1><a href="#">你当像鸟飞往你的山</a></h1>
	  		<p>广东深圳书城</p>
		</article>
		<article class="white-panel">
			<img src="img/3.jpg" class="thumb">
			<h1><a href="#">绝对笑喷之弃业医生日志</a></h1>
	  		<p>广东深圳书城</p>
		</article>
		<article class="white-panel">
			<img src="img/4.jpg" class="thumb">
			<h1><a href="#">82年生的金智英</a></h1>
	  		<p>广东深圳书城</p>
		</article>
		<article class="white-panel">
			<img src="img/5.jpg" class="thumb">
			<h1><a href="#">皮囊</a></h1>
	  		<p>广东深圳书城</p>
		</article>
		<article class="white-panel">
			<img src="img/6.jpg" class="thumb">
			<h1><a href="#">非暴力沟通</a></h1>
	  		<p>广东深圳书城</p>
		</article>
		<article class="white-panel">
			<img src="img/7.jpg" class="thumb">
			<h1><a href="#">围城</a></h1>
	  		<p>广东深圳书城</p>
		</article>
		<article class="white-panel">
			<img src="img/8.jpg" class="thumb">
			<h1><a href="#">三国机密</a></h1>
	  		<p>广东深圳书城</p>
		</article>
		<article class="white-panel">
			<img src="img/9.jpg" class="thumb">
			<h1><a href="#">房思琪的初恋乐园</a></h1>
	  		<p>广东深圳书城</p>
		</article>
		<article class="white-panel">
			<img src="img/10.jpg" class="thumb">
			<h1><a href="#">活着</a></h1>
	  		<p>广东深圳书城</p>
		</article>
		<article class="white-panel">
			<img src="img/11.jpg" class="thumb">
			<h1><a href="#">天生变态狂</a></h1>
	  		<p>广东深圳书城</p>
		</article>
		<article class="white-panel">
			<img src="img/12.jpg" class="thumb">
			<h1><a href="#">古代人的日常生活</a></h1>
	  		<p>广东深圳书城</p>
		</article>
		<article class="white-panel">
			<img src="img/13.jpg" class="thumb">
			<h1><a href="#">所谓的高情商</a></h1>
	  		<p>广东深圳书城</p>
		</article>
		<article class="white-panel">
			<img src="img/14.jpg" class="thumb">
			<h1><a href="#">守望之星</a></h1>
	  		<p>广东深圳书城</p>
		</article>
		<article class="white-panel">
			<img src="img/15.jpg" class="thumb">
			<h1><a href="#">窥心者</a></h1>
	  		<p>广东深圳书城</p>
		</article>
    </section>
	<div class="floor">
		<ul>
			<li>
				<h3>关于</h3>
				<p>关于我们</p>
				<p>广告合作</p>
				<p>友情链接</p>
				<p>招聘</p>
			</li>
			<li>
				<h3>联系方式</h3>
				<p>新浪微博</p>
				<p>电子邮件</p>
				<p>电话联系</p>
				<p>QQ联系</p>
			</li>
			<li>
				<h3>旗下集团</h3>
				<p>深圳卢氏集团</p>
				<p>福田倪氏集团</p>
				<p>佛山李氏集团</p>
				<p>光明杨氏集团</p> 
			</li>
			
			<li>
				<h3>特别致谢</h3>
				<p>卢奇浩大股东</p>
				<p>倪泳彬小股东</p>
				<p>李朝宇保安</p>
				<p>杨富毅顾问</p>
			</li>
		</ul>
		<p>粤ICP备10086号-6 版权所有 盗版必究</p>
	  </div>
</body>
</html>